<template>
    <div class="md-bg">
        <div class="md-warp">
            <guideIframe :mdPath="guide" :guideSrc="guideSrc" :type="1"></guideIframe>
        </div>
    </div>
</template>
<script>
import guideIframe from '@/view/experimentalScene/designPanel/guideIframe.vue';
export default {
    name: 'mdPreview',
    components: { guideIframe },
    data() {
        return {
            guide: this.$route.query.path,
            guideSrc: this.$route.query.name
        };
    }
};
</script>
<style scoped>
.md-bg {
    width: 100%;
    height: 100%;
    background: rgb(82, 86, 89);
}
.md-warp {
    padding: 30px;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
    background: #fff;
    width: 70%;
    background: var(--card-body-bgcolor);
}
</style>
